import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import VueScroll from "vuescroll";//引入vuescroll
import "vuescroll/dist/vuescroll.css";//引入vuescroll样式
import "./assets/icon/iconfont.css";
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'// nprogress样式文件
import './assets/css/common.css'

import router from './router/index'
import App from './App.vue'

Vue.use(router)
Vue.use(VueScroll);
Vue.use(ElementUI)
Vue.config.devtools = true
Vue.config.productionTip = false


NProgress.configure({
    easing: 'ease',  // 动画方式
    speed: 500,  // 递增进度条的速度
    showSpinner: false, // 是否显示加载ico
    trickleSpeed: 200, // 自动递增间隔
    minimum: 0.3 // 初始化时的最小百分比
})
//当路由开始跳转时
router.beforeEach((to, from , next) => {
    // 开启进度条
    NProgress.start();
    // 这个一定要加，没有next()页面不会跳转的。这部分还不清楚的去翻一下官网就明白了
    next();
});
//当路由跳转结束后
router.afterEach(() => {
    // 关闭进度条
    NProgress.done()
})


new Vue({
    router,
    render: h => h(App),
}).$mount('#app')
